<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="<?= $meta_description ?>">
    <meta name="author" content="hukaweb.com">
    <meta name="keywords" content="<?= $meta_keywords ?>"/>
    <meta name="robots" content="index,follow"/>
    <link rel="shortcut icon" href="<?= HTTP_IMAGES_PATH ?>ico/favicon.png">
    <title><?= $title ?></title>
    <link rel="canonical" href="<?= current_url() ?>"/>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="<?= HTTP_CSS_PATH ?>bootstrap.css" rel="stylesheet">
    <link href="<?= HTTP_CSS_PATH ?>font-awesome.css" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="<?= HTTP_CSS_PATH ?>styles.css" rel="stylesheet">
    <link href="<?= HTTP_CSS_PATH ?>jcarousel.responsive.css" rel="stylesheet">

    <link rel="stylesheet" media="screen and (max-width: 1011px)" type="text/css"
          href="<?= HTTP_CSS_PATH ?>fix_1011.css"/>
    <link rel="stylesheet" media="screen and (max-width: 980px)" type="text/css"
          href="<?= HTTP_CSS_PATH ?>fix_980.css"/>
    <link rel="stylesheet" media="screen and (max-width: 800px)" type="text/css"
          href="<?= HTTP_CSS_PATH ?>fix_800.css"/>
    <link rel="stylesheet" media="screen and (max-width: 769px)" type="text/css"
          href="<?= HTTP_CSS_PATH ?>fix_769.css"/>
    <link rel="stylesheet" media="screen and (max-width: 601px)" type="text/css"
          href="<?= HTTP_CSS_PATH ?>fix_601.css"/>
    <link rel="stylesheet" media="screen and (max-width: 641px)" type="text/css"
          href="<?= HTTP_CSS_PATH ?>fix_640.css"/>
    <link rel="stylesheet" media="screen and (max-width: 480px)" type="text/css"
          href="<?= HTTP_CSS_PATH ?>fix_480.css"/>
    <link rel="stylesheet" media="screen and (max-width: 360px)" type="text/css"
          href="<?= HTTP_CSS_PATH ?>fix_360.css"/>
    <link rel="stylesheet" media="screen and (max-width: 321px)" type="text/css"
          href="<?= HTTP_CSS_PATH ?>fix_321.css"/>
    <!-- Just for debugging purposes. Don't actually copy this line! -->
    <!--[if lt IE 9]>
    <script src="<?=HTTP_JS_PATH?>ie8-responsive-file-warning.js"></script><![endif]-->

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="" id="hidden_nav">
    <div id="left_header">
        <div class="con-l-h">
            <div class="search-l clearfix">
                <input type="text" class="text-search"/>
                <!--<span><i class="fa fa-search"></i></span>-->
            </div>
            <div class="menu-l clearfix">
                <h2><i class="glyphicon glyphicon-list"></i> Thể loại</h2>
                <ul>
                    <li><a href="">Ebooks</a></li>
                    <li><a href="">Luận văn</a></li>
                    <li><a href="">Bài giảng</a></li>
                </ul>
                <h2><i class="glyphicon glyphicon-folder-open"></i> Danh sách</h2>

                <div class="panel-group" id="accordion">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                                <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
                                    Công nghệ thông tin
                                </a>
                            </h4>
                        </div>
                        <div id="collapseOne" class="panel-collapse collapse in">
                            <div class="panel-body">
                                <ul>
                                    <li><a href="">Hệ thống thông tin quản lý (MIS)</a></li>
                                    <li><a href="">Cơ sở dữ liệu</a></li>
                                    <li><a href="">Kỹ thuật lập trình</a></li>
                                    <li><a href="">Lập trình website</a></li>
                                    <li><a href="">Quản trị mạng</a></li>
                                    <li><a href="">Tin học văn phòng</a></li>
                                    <li><a href="">Phần cứng</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                                <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
                                    Kỹ thuật công nghệ
                                </a>
                            </h4>
                        </div>
                        <div id="collapseTwo" class="panel-collapse collapse">
                            <div class="panel-body">
                                ...
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                                <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
                                    Tài chính ngân hàng
                                </a>
                            </h4>
                        </div>
                        <div id="collapseThree" class="panel-collapse collapse">
                            <div class="panel-body">
                                .....
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                                <a data-toggle="collapse" data-parent="#accordion" href="#collapse4">
                                    Quản trị kinh doanh
                                </a>
                            </h4>
                        </div>
                        <div id="collapse4" class="panel-collapse collapse">
                            <div class="panel-body">
                                .....
                            </div>
                        </div>
                    </div>
                </div>

            </div>

        </div>

    </div>
</div>
<div class="" id="hidden_user_nav">
    <div id="right_header">
        <div class="content-r-h">
            <div class="register clearfix">
                <a href="" class="btn btn-block btn-success">Upload dữ liệu</a>
            </div>
            <div class="login-r-h clearfix">
                <div class="f_lg_text"> Để download hoặc upload hãy đăng nhập vào tài khoản của bạn!</div>
                <div class="f_lg">
                    <form role="form" class="form-signin">
                        <div class="form-group">
                            <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
                        </div>
                        <div class="form-group">
                            <input type="email" class="form-control" id="exampleInputEmail2" placeholder="Mật khẩu">
                        </div>
                        <button type="submit" class="btn btn-primary  btn-block">Đăng nhập</button>
                        <a href="" class="btn-block">Quên mật khẩu?</a>
                    </form>
                    <hr/>
                </div>
                <div class="other_lg">
                    <a href="" class="btn btn-primary btn-block"><i class="fa fa-facebook"></i> Tài khoản Facebook</a>
                    <a href="" class="btn  btn-danger btn-block"><i class="fa fa-google-plus"></i> Tài khoản Google</a>
                    <a href="" class="btn  btn-warning btn-block"><i class="fa fa-twitter"></i> Tài khoản Yahoo</a>
                </div>
            </div>
        </div>

    </div>
</div>
<div class="navbar navbar-default navbar-fixed-top" id="main-nav" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <div class="menu-btn"><i class="fa fa-list"></i></div>
            <div class="menu_u_bnt"><i class="fa fa-user"></i></div>
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" id="logo" href="<?= PATH_URL ?>">hukabook.com</a>
        </div>
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="glyphicon glyphicon-list"></i>
                        Danh sách <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="<?= PATH_URL . 'ebooks.html' ?>">Ebooks</a></li>
                        <li><a href="<?= PATH_URL . 'luan-van.html' ?>">Luận văn</a></li>
                        <li><a href="<?= PATH_URL . 'bai-tap-lon.html' ?>">Bài tập lớn</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i
                            class="glyphicon glyphicon-folder-open"></i>&nbsp; Thể loại <b class="caret"></b></a>

                    <div class="dropdown-menu">
                        <?= modules::run('category_books/blockCategory')?>
                    </div>

                </li>
            </ul>
            <div class="nav navbar-nav navbar-right" id="nav-r">
                <form action="" id="main-search-nav">
                    <input type="text" class="text-search" placeholder=""/>
                </form>
                <ul>

                    <li>
                        <a href="./" class="help"><i class="fa fa fa-question-circle"></i></a></li>
                    <?php if (modules::run('user/_is_logged_in', true)) : ?>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle user-icon-nav" data-toggle="dropdown"><i
                                    class="fa fa-user"></i> <b class="caret"></b></a>

                            <ul class="dropdown-menu">
                                <li><a href="#"><i class="fa fa-list-alt"></i> Bài viết của bạn</a></li>
                                <li><a href="<?= PATH_URL . 'user/post' ?>"><i class="fa fa-edit"></i> Đăng bài viết</a>
                                </li>
                                <li class="divider"></li>
                                <li><a href="<?= PATH_URL . 'user/logout' ?>"><i class="fa fa-sign-out"></i> Thoát</a>
                                </li>
                            </ul>
                        </li>
                    <?php else: ?>
                        <li><a href="<?= PATH_URL . 'user/register' ?>" class="login btn bnt-huka bnt-normal">Đăng
                                ký</a></li>
                        <li><a href="<?= PATH_URL . 'user/login' ?>" class="bnt_register">Đăng nhập</a></li>
                    <?php endif ?>
                </ul>
            </div>

        </div>
        <!--/.nav-collapse -->
    </div>
</div>
<div class="" id="page_body">

    <div id="content-body" class="container all">
        <div class="row">